<div class="page-container">
  <div class="container pt10" style="overflow-x: hidden;">
    <div class="shopToggelSearch">
      <ng-tree (onChangeCat)="handleUpdated($event)" [option]="option" style="position: relative;"></ng-tree>

      <mat-button-toggle-group >
        <mat-button-toggle value="hot" [checked]="param.type=='hot'" (click)="typeChange('hot')">
          <span class="font-size-12" title="销售额最大"><i class="fa fa-fire pr4"></i>最火</span>
        </mat-button-toggle>
        <mat-button-toggle value="growth" [checked]="param.type=='growth'" (click)="typeChange('growth')">
          <span class="font-size-12" title="销售额增长最快"><i class="fa fa-line-chart pr4"></i>最鲜</span>
        </mat-button-toggle>
      </mat-button-toggle-group>
    </div>

    <div fxLayout="row" fxLayoutAlign="start center">
      <div fxFlexFill>
        <div id="wordChart" echarts [loading]="vm.loading" [data]="vm.data" [handelFun]="vm.click" [type]="vm.type" [title]="vm.fileName"></div>
      </div>
    </div>
  </div>
</div>
